iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 15
0
自我挑戰組

前端工程師的30份套餐系列 第 15

Day15-ES6 Module語法

  • 分享至 

  • xImage
  •  

嚴格模式

雖然嚴格模式是由ES5引入的不過ES6自動採用嚴格模式,不論有沒有在最頂端加上'use strict',這些規則都必須遵守,而嚴格模式有以下這些:

  • 變數必須宣告後再使用
  • 禁止將this指向全局對象
  • 函式的參數不能有同名屬性,否則會報錯

export

用於規定模塊對外的接口,一個模塊就是一個獨立的文件,該模塊內部所有的變數,外部無法取得。如果希望外部能讀取內部的某個變數,就必須使用export輸出該變數,例如:

export let name = 'jian'
export let gender = 'femal'
export let birth = '2018'
//除此之外還有另一種輸出寫法,可一眼看清楚輸出了哪些變數:
let name = 'jian'
let gender = 'femal'
let birth = '2018'
exprot { name,gender,birth }

import

其他js檔案就可以透過import加載
import { ENUM } from './ENUM.js';
如果想為為輸入的變數重新取一個名字,要使用as關鍵字:
import { ENUM as listENUM } from './ENUM.js'


今天的鐵人賽語錄是:小熊隊熬了108年封王,鐵人鍊成只要30天,撐下去就是你的!

鐵人賽來到第15天,雖然內文簡短許多...比較偏向個人的讀書筆記,相信在有限的時間內,對這些不論是陌生的還是重新再認識的項目,因為鐵人賽而有了更深入的認識。即便在短時間內對"他們"只有裝熟的程度,也多少在腦海的「字典」裡增加了不少詞彙,希望在往後的學習路上會更容易有方向。


上一篇
Day14-ES6物件(二)
下一篇
Day16-by value 和 by reference
系列文
前端工程師的30份套餐30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言